<!DOCTYPE html>
<!-- saved from url=(0050)http://getbootstrap.com/examples/starter-template/ -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="shortcut icon" href="">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta charset="utf-8">
<title>Rasende Roboter</title>

<!-- Bootstrap core CSS -->
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet"
	type="text/css" />

<!-- Custom styles for this template -->
<link href="../bootstrap/css/starter-template.css" rel="stylesheet">

<link rel="shortcut icon" href="images/robot_red.png">
</head>
<body style="" onload="init()">


	<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="sr-only"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span> <span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="/">Rasende Roboter</a>
			</div>
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li><a href="/">Home</a></li>
					<li><a href="about.html">About</a></li>
					<li class="active"><a href="contact.html">Contact</a></li>
				</ul>
			</div>
			<!--/.nav-collapse -->
		</div>
	</div>

		<div class="container">
			<p class="lead"></p>
			<div class="jumbotron">
				<h1>Contactez-nous</h1>
				<h4>Vous pouvez nous contactez par courrier à l'adresse
					ci-dessous ou bien en remplissant le formulaire suivant :</h4>
			</div>

			<div class="row marketing">
				<div class="col-lg-6">
					<address>
						<strong>UFR IM2AG</strong><br>
						<p>
							60 rue de la chimie<br> 38041 GRENOBLE CEDEX 9<br> <abbr
								title="Phone">P:</abbr> 04 76 63 58 12
						</p>
					</address>

					<!-- Generation automatique depuis word-->
					<div class=WordSection1>

						<p class=MsoNormal>
							<strong>L'équipe :</strong>
						</p>

						<p class=MsoNormal>
							Cannelle Thomas<br> <a
								href="mailto:Cannelle.thomas@e.ujf-grenoble.fr">Cannelle.thomas@e.ujf-grenoble.fr</a>
						</p>

						<p class=MsoNormal>
							<span class=SpellE>Greusard</span> Lisa<br> <a
								href="mailto:lisa.greusard@e.ujf-grenoble.fr">lisa.greusard@e.ujf-grenoble.fr</a>
						</p>

						<p class=MsoNormal>
							<span class=SpellE>Kantcheff</span> Adrien<br> <a
								href="mailto:adrien.kantcheff@e.ujf-grenoble.fr">adrien.kantcheff@e.ujf-grenoble.fr</a>
						</p>

						<p class=MsoNormal>
							<span class=SpellE>Parisel</span> Benjamin<br> <a
								href="mailto:benjamin.parisel@e.ujf-grenoble.fr">benjamin.parisel@e.ujf-grenoble.fr</a>
						</p>

					</div>
				</div>
				<div class="col-lg-6">
					<strong>CONTACTEZ NOUS</strong><br>
					<p class="lead"></p>
					<form class="form-horizontal" role="form">
						<div class="form-group">
							<label for="inputEmail3" class="col-sm-2 control-label"
								style="text-align: left">Email</label>
							<div class="col-sm-10">
								<input type="email" class="form-control" id="inputEmail3"
									placeholder="Email">
							</div>
						</div>
						<div class="form-group">
							<label for="inputPassword3" class="col-sm-2 control-label"
								style="text-align: left">Objet</label>
							<div class="col-sm-10">
								<input type="Objet" class="form-control" id="inputPassword3"
									placeholder="Objet">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label" style="text-align: left">Message</label>
							<div class="col-sm-10">
								<textarea class="form-control" rows="3" placeholder="..."></textarea>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-10">
								<button type="submit" class="btn btn-primary">Envoyer</button>
							</div>
						</div>
					</form>
				</div>
			</div>







			<div class="footer">
				<p class="pull-left">© M2 Miage</p>
				<p class="pull-right">
					<a href="contact.html"><span class="glyphicon glyphicon-arrow-up"></span></a>
				</p>
			</div>



		<!-- Bootstrap core JavaScript
    ================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="/js/jquery-2.0.3.min.js"></script>
		<script src="/socket.io/socket.io.js"></script>
		<script src="../bootstrap/js/bootstrap.min.js"></script>
</body>
</html>